<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>有间客栈</title>
	<link rel="shortcut icon" href="logo.ico" />
	<link rel="stylesheet" href="./plugin/bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" href="./css/common.css" />
	<link rel="stylesheet" href="./css/comment.css">

	<style>
		.snow-container {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
			z-index: 100001;
		}
	</style>
</head>

<body>
	<div class="w_header">
		<div class="container">
			<div class="w_header_top">
				<a href="index.html" class="w_logo"></a>
				<span class="w_header_nav">
					<ul>
						<li><a href="index.html" class="active">首页</a></li>
						<li><a href="article.html">文章</a></li>
						<li><a href="comment.html">留言</a></li>
						<li><a href="about.html">关于</a></li>
					</ul>
				</span>
			</div>
		</div>
	</div>
	<div class="w_container">
		<div class="container">
			<div class="row w_main_row">
				<ol class="breadcrumb w_breadcrumb">
					<li><a href="#">首页</a></li>
					<li class="active">评论</li>
					<span class="w_navbar_tip">你，生命中最重要的过客，之所以是过客，因为你未曾为我停留。</span>
				</ol>

				<div class="col-lg-9 col-md-9 w_main_left">
					<div class="commentbox">
						<textarea cols="80" rows="50" placeholder="来说几句吧......" class="mytextarea"
							id="content"></textarea>
						<div class="btn btn-info pull-right" id="comment">评论</div>
					</div>
					<div class="comment-list">
						<div class="comment-info">
							<header><img src="./img/avatar/luban.jpg"></header>
							<div class="comment-right">
								<h3>小鲁班</h3>
								<div class="comment-content-header"><span><i class="glyphicon glyphicon-time"></i>
										2017-10-17 11:42:53</span><span><i
											class="glyphicon glyphicon-map-marker"></i>王者峡谷</span></div>
								<p class="content">楼下煞笔</p>
								<div class="comment-content-footer">
									<div class="row">
										<div class="col-md-10">
											<span><i class="glyphicon glyphicon-pushpin"></i> 来自:win10 </span><span><i
													class="glyphicon glyphicon-globe"></i> chrome 127.0.0.1</span>
										</div>
										<div class="col-md-2"><span class="reply-btn">回复</span></div>
									</div>
								</div>
								<div class="reply-list"></div>
							</div>
						</div>

						<div class="comment-info">
							<header><img src="./img/avatar/aqlbaby.jpg"></header>
							<div class="comment-right">
								<h3>小仙女</h3>
								<div class="comment-content-header"><span><i class="glyphicon glyphicon-time"></i>
										2017-10-17 11:42:53</span><span><i
											class="glyphicon glyphicon-map-marker"></i>深圳</span></div>
								<p class="content">楼上煞笔</p>
								<div class="comment-content-footer">
									<div class="row">
										<div class="col-md-10">
											<span><i class="glyphicon glyphicon-pushpin"></i> 来自:win10 </span><span><i
													class="glyphicon glyphicon-globe"></i> chrome 127.0.0.1</span>
										</div>
										<div class="col-md-2"><span class="reply-btn">回复</span></div>
									</div>
								</div>
								<div class="reply-list">
									<div class="reply">
										<div><a href="javascript:void(0)">鲁班</a>:<a
												href="javascript:void(0)">@小仙女</a><span>这写的是什么鬼东西。。。。</span></div>
										<p><span>2017-10-17 11:42:53</span> <span class="reply-list-btn">回复</span></p>
									</div>
								</div>
							</div>
						</div>

						<div class="comment-info">
							<header><img src="./img/avatar/libai.jpg"></header>
							<div class="comment-right">
								<h3>帅哥哥</h3>
								<div class="comment-content-header"><span><i class="glyphicon glyphicon-time"></i>
										2017-10-17 11:42:53</span><span><i
											class="glyphicon glyphicon-map-marker"></i>武汉</span></div>
								<p class="content">我不是针对谁，我是说在座的各位都是煞笔</p>
								<div class="comment-content-footer">
									<div class="row">
										<div class="col-md-10">
											<span><i class="glyphicon glyphicon-pushpin"></i> 来自:mac OS </span><span><i
													class="glyphicon glyphicon-globe"></i> chrome 127.0.0.1</span>
										</div>
										<div class="col-md-2"><span class="reply-btn">回复</span></div>
									</div>
								</div>
								<div class="reply-list">
									<div class="reply">
										<div><a href="javascript:void(0)">西施</a>:<a
												href="javascript:void(0)">@帅哥哥</a><span>么么哒么么哒</span></div>
										<p><span>2017-10-17 11:42:53</span> <span class="reply-list-btn">回复</span></p>
									</div>
								</div>
							</div>
						</div>

						<div class="comment-info">
							<header><img src="./img/avatar/xishi.jpg"></header>
							<div class="comment-right">
								<h3>西施</h3>
								<div class="comment-content-header"><span><i class="glyphicon glyphicon-time"></i>
										2017-10-17 11:42:53</span><span><i
											class="glyphicon glyphicon-map-marker"></i>武汉</span></div>
								<p class="content">大家好呀</p>
								<div class="comment-content-footer">
									<div class="row">
										<div class="col-md-10">
											<span><i class="glyphicon glyphicon-pushpin"></i> 来自:mac OS </span><span><i
													class="glyphicon glyphicon-globe"></i> chrome 127.0.0.1</span>
										</div>
										<div class="col-md-2"><span class="reply-btn">回复</span></div>
									</div>
								</div>
								<div class="reply-list">
									<div class="reply">
										<div><a href="javascript:void(0)">鲁班</a>:<a
												href="javascript:void(0)">@西施</a><span>好美呀</span></div>
										<p><span>2017-10-17 11:42:53</span> <span class="reply-list-btn">回复</span></p>
									</div>
									<div class="reply">
										<div><a href="javascript:void(0)">小仙女</a>:<a
												href="javascript:void(0)">@西施</a><span>姐姐好呀</span></div>
										<p><span>2017-10-17 11:42:53</span> <span class="reply-list-btn">回复</span></p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="col-lg-3 col-md-3 w_main_right">
					<img src="img/person.jpeg" style="width: 260px;" />
				</div>
			</div>
		</div>
	</div>
	<div class="w_foot">
		<div class="w_foot_copyright">Copyright &copy;2019 武汉知行合壹教育科技有限公司 <span>|</span>
			<a target="_blank" href="http://www.zxyi.cn/" rel="nofollow">鄂ICP备19019153号-1</a>
		</div>
	</div>
	<!--snow-->
	<div class="snow-container"></div>
</body>
<!-- <script src="./plugin/jquery.min.js"></script>
<script src="./js/snowy.js"></script> -->

</html>